﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Report8FTradeDetail_OtherWeiFu.aspx.cs" Inherits="IHISCETeim.Web.MachineSys.FTradeModel.Report8FTradeDetail_OtherWeiFu" %>

<%--8.分期汇总　当月前其它未付--%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../EasyUI/themes/default/easyui.css"/>
	<link rel="stylesheet" type="text/css" href="../EasyUI/themes/icon.css" />
	<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>   
	<script type="text/javascript" src="../EasyUI/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../EasyUI/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="../EasyUI/easyui-formatter_20140718.js?v4"></script>
     <link href="../themes/css/jquery.autocomplete.css" rel="stylesheet" type="text/css" />
    <script src="../js/DWZ/jquery.autocomplete.js" type="text/javascript"></script>

    <script type="text/javascript">
        ///自适应宽高
        $(window).resize(function(){		    
            $("#tab_list").datagrid({
                width: '100%',
                height: $(parent.document).find(".tabsPageContent").height() - 11 > 0 ? $(parent.document).find(".tabsPageContent").height() - 11 : 500,
            }); 
        });
        //权限处理
        var $powers={
            "r查看":<%=HasPowerEasyUI(IHISCETeim.Web.Permission.查看) %>
            };

        $(document).ready(function () {
            var $tab_toolbar=$("#tab_toolbar");
            $tab_toolbar.find("a").each(function(){
                var $per=$(this).attr("Permission");
                var pt= $powers[$per]==undefined || null?true:$powers[$per];
                $(this).linkbutton(pt?'enable': 'disable');
            })

            //自动完成
            $(".autocomplete").each(function () {
                var $this = $(this);
                var url = unescape($this.attr("autocompletehref"));
                $this.autocomplete(url);
            });
            //加载数据
            InitGird();           
        })
        //加载列表数据
        function InitGird() {
            $('#tab_list').datagrid({               
                url: location.href, //请求数据的页面
                sortName: 'FTradeID', //排序字段
                sortOrder: 'desc', //排序类型
                idField: 'FTradeID', //标识字段,主键
                iconCls: '', //标题左边的图标
                width: '100%', //宽度    
                height: $(parent.document).find(".tabsPageContent").height() - 11 > 0 ? $(parent.document).find(".tabsPageContent").height() - 11 : 500,
                nowrap: true, //是否换行，True 就会把数据显示在一行里
                striped: true, //True 奇偶行使用不同背景色
                collapsible: false, //可折叠
                singleSelect: true, //是否只能选中一条
                remoteSort: true, //定义是否从服务器给数据排序
                frozenColumns: [[//冻结的列，不会随横向滚动轴移动
                    { title: '销售月份', field: 'XiaoShouShiJian', width: 70 ,formatter:formatterdate },
                    { title: '营业经理', field: 'YingYeJingLi', width: 70 },                                 	
                    {title: '合同号', field: 'HeTongHao', width: 110, sortable: true},
                    {title: '机号', field: 'JiHao', width: 80,formatter:function(value, row, index){
                        if(value==undefined)
                            return "合计:";
                        return value;
                    }}
                ]],
                columns: [[
                    {title:'经销商',field:'JingXiaoShang',width: 100,sortable:true},  
                    { title: '合同金额', field: 'HeTongJinE', width: 100,formatter:milliformatter},
                    { title: '已收', field: 'YiShouKuanXiang', width: 100, sortable: true,formatter:milliformatter},
                    { title: '未收', field: 'WeiShouKuanXiang', width: 100, sortable: true,formatter:milliformatter},
                    { title: '逾期', field: 'YuQiKuanXiang', width: 100, sortable: true,formatter:milliformatter},  
                    { title: '到期日', field: 'DaoQiRi', width: 90, sortable: true },
                    {title: '销售类型', field: 'XiaoShouLeiXing', width: 90},
                    { title: '付款条款', field: 'FuKuanTiaoKuan', width: 150},
                    { title: '终端销售状态', field: 'ZDXiaoShouState', width: 90, sortable: true},
                    { title: '终端销售时间', field: 'ZDXiaoShouShiJian', width: 90, sortable: true},
                    <%=GetGirdColumns() %>             
                ]],
                toolbar: "#tab_toolbar",
                queryParams: { "action": "query" },
                pagination: true, //是否开启分页
                pageNumber: 1, //默认索引页
                pageSize: <%=numPerPage %>, //默认一页数据条数
                pageList:<%=SetnumPerPage() %>,
                rownumbers: true, //行号
                showFooter: true,
                onHeaderContextMenu: function(e, field){
                    e.preventDefault();
                    if (!$('#tmenu').length){
                        createColumnMenu();
                    }
                    $('#tmenu').menu('show', {
                        left:e.pageX,
                        top:e.pageY
                    });
                },
                onRowContextMenu:function(e,rowIndex,rowData)
                {
                    e.preventDefault();
                    if (!$('#tmenu').length){
                        createColumnMenu();
                    }
                    $('#tmenu').menu('show', {
                        left:e.pageX,
                        top:e.pageY
                    });
                }
            });

        }       
       
        function createColumnMenu(){
            var tmenu = $('<div id="tmenu" style="width:100px;"></div>').appendTo('body');
            var fields = $('#tab_list').datagrid('getColumnFields');
            for(var i=0; i<fields.length; i++){
                $('<div data-options="name:\''+fields[i]+'\',iconCls:\'icon-ok\'" />').html($('#tab_list').datagrid('getColumnOption',fields[i]).title).appendTo(tmenu);
            }
            tmenu.menu({
                onClick: function(item){
                    if (item.iconCls=='icon-ok'){                       
                        $('#tab_list').datagrid('hideColumn', item.name);
                        tmenu.menu('setIcon', {
                            target: item.target,
                            iconCls: 'icon-empty'
                        });
                    } else {
                        $('#tab_list').datagrid('showColumn', item.name);
                        tmenu.menu('setIcon', {
                            target: item.target,
                            iconCls: 'icon-ok'
                        });
                    }
                }
            });
        }
       
        
    </script>
    <script>
        //操作功能JS

        //打开高级查找窗口
        function onAdjSearch() {
            $("#tab_search").dialog("open");
            $("#search-buttons").find("#btn_search").one("click", function () {
                var query = $("#tab_search").serializeJSON(); // GetInputData("tab_search", "query");
                //处理多值情况
                var xxx = ""
                $("#tab_search").find("input[name='XiaoShouLeiXing']").each(function(){
                    xxx+=""+$(this).val()+","
                });
                // alert(xxx);
                query.action = "query";
                query.XiaoShouLeiXing = xxx;

                $('#tab_list').datagrid("options").queryParams = query;
                $('#tab_list').datagrid('load');
                $("#tab_search").dialog("close");
                return false;

            });
        }
       
        //导出管控表
        function onExportList() {

            var href = "<%= ExportExcelWebUrl%>/FTradeModel/FTradeExportReport8_OtherWeiFu.aspx?"+ jQuery.param($("#tab_search").serializeJSON());;
            top.window.open(href, "");
            return false;
            return false;
        }

       

    </script>
</head>
<body style="margin:1px;" >
    <div id="tab_list"></div>
    <div id="tab_toolbar" style="padding:2px;">
        <span style="line-height:26px;width:60px; font-weight:bold; color:Red; "><%=base.GetLastUpdate("FTradeCatheringListEasyUI,FTradeReceivablesListEasyUI") %></span>
      
       <a href="#" title="高级查找" class="easyui-linkbutton" iconcls="icon-search" plain="true" onclick="return　onAdjSearch(this);" Permission="">查找</a>

       <a href="#"  class="easyui-linkbutton" iconcls="icon-btnDown" plain="true" onclick="return onExportList();" Permission="r导出">导出</a>
    </div>   
    <div id="tab_search" title="查询条件" style=" height:250px; width:500px;" class="easyui-dialog" modal="true" closed="true" buttons="#search-buttons">
       
        <table class="table_search" width="100%" style=" line-height:21px;">
            <tr>
                <td>经销商:</td>
                <td ><input  name="JingXiaoShang"  readonly class="autocomplete"  value="<%=JingXiaoShang %>" /></td>
                <td>合同号:</td>
                <td ><input  name="HeTongHao" value="" /></td>
            </tr>
            <%if (IsShowFenQi == 0) {%>
            <tr>
                <td>收款条款:</td>
                <td colspan="3">
                     <input name="XiaoShouLeiXing"  class="easyui-combobox" value="<%=XiaoShouLeiXing %>" data-options="
		                    valueField: 'label',
		                    textField: 'value', multiple:true,width:400,
		                    data: [
                            <%=GetXiaoShouLeiXing() %>
                            ]" />
                </td>
            </tr>
            <%} %>
            <tr>
                <td>机号:</td>
                <td colspan=3""><input  name="JiHao" value="" /></td>
               
            </tr>
             <tr>
                <td>终端状态:</td>
                <td colspan="3">
                    <input name="ZDXiaoShouState"  class="easyui-combobox" value="<%=ZDXiaoShouState %>" data-options="
		                    valueField: 'label',
		                    textField: 'value', multiple:false,width:400,
		                    data: [
                            <%=GetZDXiaoShouState() %>
                            ]" />
                </td>
               
            </tr>
            <tr>
                <td>
                    销售时间：
                </td>
                <td Colspan="3">                    
                    从<input name="XiaoShouShiJianFrom" class="easyui-datebox" type="text" value="" />
                    到<input name="XiaoShouShiJianTo" type="text" class="easyui-datebox" value="" />
                </td>
            </tr>
        </table>
        <div id="search-buttons">
            <a id="btn_search" href="javascript:;" class="easyui-linkbutton" iconcls="icon-search" plain="true">提交</a> 
            <a href="javascript:;" class="easyui-linkbutton" onclick="$('#tab_search').dialog('close');return false;" iconcls="icon-cancel" plain="true">取消</a>
        </div>
    </div>
</body>
</html>
